<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
       <script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">
				//document.getElementById()  id
				//document.getElementsByClassName()  class
				//document.getElementsByName() name
				//document.getElementsByTagName() <
				//document.querySelector() 单个 css  .div  #div  div
				//document.querySelectorAll() 集合
				
				//window.onload=function(){
				//var div=document.querySelector("#div")
				//console.log(div)
				//}
				//window.onload=function(){
					//console.log(0)
				//}
				
				//$(document).ready(function(){
					//console.log(0)
				//})
				
				//$().ready(function(){
					//console.log(1)
				//})
				
				//$(function(){
					//console.log(2)
				//})
				$(function(){
				var $div = $("#div");
				$div.css()
				console.log($div)
				
				var div=document.getElementById("div");	
			      div.CSS()
				console.log(div===$div[0])
				js=>jq $(dom)
				$("li:gt(0)").css("color","red")
			})
			</script>
		</script>
	</head>
	<body>
		<div id="div">Hello  DIV</div>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
			<li>列表4</li>
			<li>列表5</li>
		</ul>
	</body>
</html>
